@charset "utf-8";

$fontcolor:#36a9f6;

$font-size:100px;
@function r($px){
    @return $px/$font-size * 1rem;
}




#web{
    position: relative;
    width: 100%;
    min-height: 100%;
    background-color: #ffffff;
    overflow: hidden;
    .img-wrap{
        width: 100%;
        height: auto;
        margin-top: r(50px);
        padding-bottom: r(50px);
        text-align: center;
        overflow: hidden;
        img{
            width: r(400px);
//          height: 100%;
            -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
            -webkit-border-radius: r(8px); 
            -moz-border-radius: r(8px); 
            border-radius: r(8px);
            overflow: hidden;
        }
    }
    .link-wrap{
        width: 100%;
        height: r(80px);
        line-height: r(80px);
        a{
            display: block;
            width: r(600px);
            height: 100%;
            border: 1px solid $fontcolor;
            color: $fontcolor;
            font-size: r(34px);
            margin: 0 auto;
            text-align: center;
            -webkit-border-radius: r(8px); 
            -moz-border-radius: r(8px); 
            border-radius: r(8px);
        }
    }
    
}

